.boox{
    width:90%;
    margin: auto;
    position: relative;
    .usernamebox, .passwordbox, .telbox{
      width: 100%;
      height: 0.40rem;
      position: relative;
      p{
        position: absolute;
        right: 0;
        top: 0;
        font: 0.12rem/0.4rem "";
        color: green;
        .error{
          color: red;
        }
      }
    }
    input{
      display: block;
      border:none;
      width: 100%;
      height: 0.40rem;
      border-bottom: 1px solid #ccc;
      margin: 0.1rem 0;
      background: #fff;
      text-indent: 0.1rem;
    }
    .yz{
      display: flex;
      input.clo {
      width: 50%;
      height: 0.4rem;
      display:inline-block;
      flex: 1;
      position: relative;
      }
    .p4 {
      position: absolute;
      right:1.1rem;
      top:1.55rem;
      color: green;
    }
    .span {
      float: right;
      display: block;
      text-align: center;
      font: 0.14rem/0.4rem "";
      background: #3091f2;
      // height: 70%;
      width: 30%;
      color: #fff;
      border-radius: 0.03rem;
      margin-top: 0.1rem;
      height:0.4rem;
      }
    }
    button {
      width: 100%;
      height: 0.45rem;
      margin: auto;
      display: block;
      border: none;
      background: #3091f2;
      font: 0.14rem/0.45rem "";
      color: #fff;
      border-radius: 0.07rem;
      }
  }
